<template>
    <div id="find">
        <div id="find_content">
            <input id="keyWord" type="text" placeholder="输入关键字" />
            <button id="search">搜</button>
        </div>
    </div>
</template>

<script>
export default {
    components:{}
}
</script>

<style>
    #find{
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
    }
    #find_content{
        margin: auto auto;
        height: 100%;
        width: 60%;
    }
    #keyWord{
        width: 60%;
        height: 50px;
        line-height: 100%;
        margin-top: 30%;
        margin-left: 15%;
        font-size: 24px;
        font-family: 'Times New Roman', Times, serif;
        letter-spacing: 3px;
        text-indent: 5px;
    }
    #search{
        background-color:aquamarine;
        width: 55px;
        height: 55px;
        font-size: 18px;
        font-family: 'Times New Roman', Times, serif;
        border-radius: 50%;
        outline: none;
        margin-left: 10px;
    }
</style>
